@import "variables";

@font-face {
  font-family: ssicon;/*font-weight: 100;font-style: normal;*/
  src: /* IE6-IE8 */
    url('../font/ssicon.woff') format('woff'), /* Modern Browsers */
    url('../font/ssicon.woff2') format('woff2'), /* Modern Browsers */
    url('../font/ssicon.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: ssapp;/*font-weight: 400;font-style: normal;*/
  src: /* IE6-IE8 */
    url('../font/ssapp.woff') format('woff'), /* Modern Browsers */
    url('../font/ssapp.woff2') format('woff2'), /* Modern Browsers */
    url('../font/ssapp.ttf') format('truetype'); /* Safari, Android, iOS */
}
body, button, input, select, textarea {
  font: 12px/1.5 Lucida Grande, Lucida Sans Unicode, Helvetica Neue, Hiragino Sans GB, Microsoft Yahei, sans-serif;
  color: #4b4b4b
}
body, dd, dl, form, h1, h2, h3, h4, h5, h6, li, ol, p, ul {margin: 0;padding: 0}
table {empty-cells: show;border-collapse: collapse}

h3 {font-size: 18px}
a {
  &:hover, &:focus, &:active {text-decoration: none}
}
textarea {resize: none}


caption, th {text-align: left;font-weight: 400}
cite, em, i {font-style: normal}
a {color: #4b4b4b;text-decoration: none;outline: none}
a img {
  border: none;
  &:hover {color: #008ed2}
  &:active {star: expression(this.onFocus=this.blur())}
}
:focus {outline: 0}
textarea {resize: none}
//*, *::before, *::after {box-sizing: unset;}

input, textarea {
  &::placeholder {color: #9f9f9f;line-height: normal}
  &::-ms-clear, &::-ms-reveal {display: none}
}

[placeholder]:focus::placeholder {
  transition: opacity .5s ease;opacity: 0
}
